<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>360实训</title>
		<link rel="stylesheet" href="css/fullpage.css"/>
		<link rel="stylesheet" href="css/index.css" />
	</head>
	<body>
		<div class="header">
			<div class="headerContent">
				<img src="images/logo.png" alt="" />
				<div class="nav">
					<a href="#">论坛</a>
					<a href="#">扩展</a>
					<a href="京东/京东.html" target="_blank">京东</a>
					<a href="简历/简历.html" target="_blank">个人简历</a>
				</div>
			</div>
		</div>
<div id="fullpage">
		<div class="section section1">
			<div class="title-box">
				<p>畅快浏览，极致体验</p>
				<a href="#"></a>
			</div>
			<img src="images/ball1.png" alt=""  id="ball1"/>
			<img src="images/ball2.png" alt=""  id="ball2"/>
			<img src="images/ship.png" alt="" id="ship" />
		</div>
		<div class="section">
			<video autoplay loop muted>
		<source src="images/video1.mp4" type="video/mp4"></source>
			</video>
			<div class="word-content">
				<div class="bigword">极速</div>
				<div class="line"></div>
				<div class="midword">Chromium78全新内核</div>
				<div class="smallword">性能强劲。</div>
					<a href=""></a>
		</div>	
		</div>
		<div class="section">
			<video autoplay loop muted>
		<source src="images/video2.mp4" type="video/mp4"></source>
			</video>
			<div class="word-content">
					<div class="bigword">极酷</div>
					<div class="line"></div>
					<div class="midword">暗夜炫黑模式</div>
					<div class="smallword">定义酷，定义你。</div>
					<a href=""></a>
			</div>
		</div>
		<div class="section">
			<video autoplay loop muted>
		<source src="images/video3.mp4" type="video/mp4"></source>
			</video>
			<div class="word-content">
					<div class="bigword">极安全</div>
					<div class="line"></div>
					<div class="midword">DNS加密防劫持</div>
					<div class="smallword">安全升级，肆意无忌。</div>
					<a href=""></a>
			</div>
		</div>
		<div class="section">
			<video autoplay loop muted>
		<source src="images/video4.mp4" type="video/mp4"></source>
			</video>
			<div class="word-content">
					<div class="bigword">极视界</div>
					<div class="line"></div>
					<div class="midword">4K高清视频播放</div>
					<div class="smallword">还原真实之美，尽显万物本色。</div>
					<a href=""></a>
				</div>
				<div class="footer">
					关于我们| 联系我们 | 人才招聘 | 商家入驻 | 广告服务 | 手机京东 | 友情链接 | 销售联盟 | 京东社区 | 京东公益 | English Site<br>
					<img src="images/icon.png" alt="" />
					Copyright©2004-2016 京东JD.com 版权所有
				</div>
		</div>
</div>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/fullpage.js"></script>
		<script type="text/javascript">
			$(function(){
			$('#fullpage').fullpage(
					{
						'navigation': true,
						'onLeave': function(){
							$(this).find('.word-content').fadeOut();
						},
						'afterLoad': function(){
							$(this).find('.word-content').fadeIn();
						}
					}
				);
			});

		</script>

	</body>
</html>
